<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="iconfont/iconfont.css">
  <link rel="stylesheet" href="css/swiper.css">
</head>
<body>
  <main>
    <div class="top">
      <a href="javascript:;">
        <img src="	https://www.helloimg.com/images/2023/06/08/os2Nlr.gif" alt="">
      </a>
    </div>
    <header>
      <section class="m-pic">
        <img src="https://tc.phpx.cn/uploads/2022/10/23/BLu1WvzCMi.gif" alt="">
      </section>
      <section class="s-ipt">
        <p>
          <input type="text" placeholder="其实搜索很简单^_^!">
          <button><i class="iconfont icon-sousuo"></i></button>
        </p>
      </section>
      <section class="s-btn">
        <button><i class="iconfont icon-xitongcaidan"></i></button>
      </section>
    </header>
    <div class="banner">
      <div class="swiper mySwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <a href="javascript:;"><img src="https://www.helloimg.com/images/2023/06/08/osMPT6.gif" alt=""></a>
          </div>
          <div class="swiper-slide">
            <a href="javascript:;"><img src="https://www.helloimg.com/images/2023/06/08/osMRvg.gif"></a>
          </div>
          <div class="swiper-slide">
            <a href="javascript:;"><img src="https://www.helloimg.com/images/2023/06/08/osMGtX.gif" alt=""></a>
          </div>
          <div class="swiper-slide">
            <a href="javascript:;"><img src="https://www.helloimg.com/images/2023/06/08/osMZfM.gif" alt=""></a>
          </div>
          <div class="swiper-slide">
            <a href="javascript:;"><img src="https://www.helloimg.com/images/2023/06/08/osMPT6.gif" alt=""></a>
          </div>
          
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
    <nav>
      <div class="nav-s-box">
        <section><img src="https://www.higooo.cn/public/static/upload/images/app_nav/2018/11/19/2018111915461980516.png" alt=""></section>
        <p>拨打电话</p>
      </div>
      <div class="nav-s-box">
        <section><img src="https://www.higooo.cn/public/static/upload/images/app_nav/2018/11/19/2018111915473948001.png" alt=""></section>
        <p>地图测试</p>
      </div>
      <div class="nav-s-box">
        <section><img src="	https://www.higooo.cn/public/static/upload/images/app_nav/2019/10/16/1571231655606153.png" alt=""></section>
        <p>优惠劵</p>
      </div>
      <div class="nav-s-box">
        <section><img src="https://www.higooo.cn/public/static/upload/images/app_nav/2018/11/19/2018111915491258361.png" alt=""></section>
        <p>我的</p>
      </div>
    </nav>
    <div class="bannerNews">
      <p>新闻头条</p>
      <ul>
        <li></li>
      </ul>
    </div>
    <div class="fourPic">
      <ul>
        <li>
          <div>
            <a href="javascript:;">
              <img src="https://www.helloimg.com/images/2023/06/08/os29u0.gif" alt="">
            </a>
          </div>
        </li>
        <li>
          <div>
            <a href="javascript:;">
              <img src="https://www.helloimg.com/images/2023/06/08/os2l6R.gif" alt="">
            </a>
          </div>
        </li>
        <li>
          <div>
            <a href="javascript:;">
              <img src="https://tc.phpx.cn/uploads/2023/05/31/810DBC13BY.gif" alt="">
            </a>
          </div>
        </li>
        <li>
          <div>
            <a href="javascript:;">
              <img src="https://www.helloimg.com/images/2023/06/08/os2bln.gif" alt="">
            </a>
          </div>
        </li>
      </ul>
    </div>
    <div class="bigFloor">
      <div class="floor1">
        <div class="title">
          <p>________</p>
          <p>女装girl</p>
          <p>________</p>
        </div>
        <div class="list">
          <p><a href="javascript:;">上装</a></p>
          <p><a href="javascript:;">下装裤裙</a></p>
          <p><a href="javascript:;">套装</a></p>
        </div>
        <div class="add">
          <p>高端潮牌平替产品，多种款式，每日更新</p>
        </div>
        <div class="bigPic">
          <img src="https://tc.phpx.cn/uploads/2023/06/05/GT2MHcwbYF.gif" alt="">
        </div>
        <div class="content">
          <div class="smallBox">
            <img src="https://tc.phpx.cn/uploads/2023/06/06/4VgJJMGs6u.webp" alt="">
            <div>
              <section>13DE MARZO新款立体玩偶小熊胸前拉链拼色短袖T恤</section>
              <p>￥312.00</p>
            </div>
          </div>
          <div class="smallBox">
            <img src="https://tc.phpx.cn/uploads/2023/06/05/VkmaU3TsJM.webp" alt="">
            <div>
              <section>13DE MARZO新款立体玩偶小熊胸前拉链拼色短袖T恤</section>
              <p>￥312.00</p>
            </div>
          </div>
          <div class="smallBox">
            <img src="https://tc.phpx.cn/uploads/2023/06/05/TNNPxILOqt.webp" alt="">
            <div>
              <section>13DE MARZO新款立体玩偶小熊胸前拉链拼色短袖T恤</section>
              <p>￥312.00</p>
            </div>
          </div>
          <div class="smallBox">
            <img src="https://tc.phpx.cn/uploads/2023/06/05/M3rTfFNd1K.webp" alt="">
            <div>
              <section>13DE MARZO新款立体玩偶小熊胸前拉链拼色短袖T恤</section>
              <p>￥312.00</p>
            </div>
          </div>
          <div class="smallBox">
            <img src="https://tc.phpx.cn/uploads/2023/05/28/89Dnr7SOJH.webp" alt="">
            <div>
              <section>13DE MARZO新款立体玩偶小熊胸前拉链拼色短袖T恤</section>
              <p>￥312.00</p>
            </div>
          </div>
          <div class="smallBox">
            <img src="https://tc.phpx.cn/uploads/2023/05/28/sNDpwU0mRZ.webp" alt="">
            <div>
              <section>13DE MARZO新款立体玩偶小熊胸前拉链拼色短袖T恤</section>
              <p>￥312.00</p>
            </div>
          </div>
          <div class="smallBox">
            <img src="https://tc.phpx.cn/uploads/2023/05/25/XBAkIa3Bsl.webp" alt="">
            <div>
              <section>13DE MARZO新款立体玩偶小熊胸前拉链拼色短袖T恤</section>
              <p>￥312.00</p>
            </div>
          </div>
          <div class="smallBox">
            <img src="https://tc.phpx.cn/uploads/2023/05/06/KFEnPHj477.webp" alt="">
            <div>
              <section>13DE MARZO新款立体玩偶小熊胸前拉链拼色短袖T恤</section>
              <p>￥312.00</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footBottom">
      <div class="footTop">
        <ul>
          <li>
            <dl>
              <dt>信息咨询</dt>
              <dd>关于HIGO0O</dd>
              <dd>联系我们</dd>
              <dd>招聘英才</dd>
              <dd>合作及洽谈</dd>
            </dl>
          </li>
          <li>
            <dl>
              <dt>客户服务</dt>
              <dd>如何注册成为会员</dd>
              <dd>积分细则</dd>
              <dd>如何搜索</dd>
            </dl>
          </li>
          <li>
            <dl>
              <dt>支付方式</dt>
              <dd>分期付款</dd>
              <dd>邮局汇款</dd>
              <dd>在线支付</dd>
              <dd>公司转账</dd>
              <dd>如何注册支付宝</dd>
            </dl>
          </li>
          <li>
            <dl>
              <dt>会员中心</dt>
              <dd>会员修改密码</dd>
              <dd>会员修改个人资料</dd>
              <dd>修改收货地址</dd>
              <dd>如何管理店铺</dd>
            </dl>
          </li>
        </ul>
      </div>
      <div class="footmiddle">
        <ul>
          <li><i class="iconfont icon-icon-test24"></i>18365025075</li>
          <li><i class="iconfont icon-location"></i>安徽省合肥市包河区</li>
          <li><i class="iconfont icon-icon-test33"></i>502731633@qq.com</li>
          <li><img src="https://tc.phpx.cn/uploads/2022/06/03/Ydfjg6P4QF.jpg" alt=""></li>
        </ul>
      </div>
      <div class="footbottom">
        <p>Powered by <b>Shop</b><span>XO</span> v2.2.2</p>
        <p><img src="https://www.higooo.cn/public/static/common/images/beian-icp-icon.png" alt="">皖ICP备2022000771号</p>
        <p><img src="https://www.higooo.cn/public/static/common/images/beian-gongan-icon.png" alt="">皖ICP备2022000771号</p>
      </div>
    </div>
  </main>
  <footer>
    <div class="footImg">
      <img src="https://www.higooo.cn/public/static/index/default/images/nav-icon-home-active.png" alt="">
      <p>首页</p>
    </div>
    <div class="footImg">
      <img src="https://www.higooo.cn/public/static/index/default/images/nav-icon-category.png" alt="">
      <p>分类</p>
    </div>
    <div class="footImg">
      <img src="https://www.higooo.cn/public/static/index/default/images/nav-icon-cart.png" alt="">
      <p>购物车</p>
    </div>
    <div class="footImg">
      <img src="https://www.higooo.cn/public/static/index/default/images/nav-icon-user.png" alt="">
      <p>我的</p>
    </div>
  </footer>
  
  <script src="js/flexible.js"></script>
  <script src="js/swiper.js"></script>
  <script>
    // 轮播图
    let swiper = new Swiper(".mySwiper", {
        spaceBetween: 30,
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
        loop:true,
        autoplay:true,
        delay:3000
      });
  </script>
</body>
</html>